@mixin flex($hov: space-between, $col: center) {
  display: flex;
  justify-content: $hov;
  align-items: $col;
}

@mixin grid($gtc, $gtr) {
  display: grid;
  grid-template-columns: $gtc;
  grid-template-rows: $gtr;
}

@mixin positionTopRight($pos: absolute, $top: 0, $right: 0) {
  position: $pos;
  top: $top;
  right: $right;
}

@mixin positionTopLeft($pos: absolute, $top: 0, $left: 0) {
  position: $pos;
  top: $top;
  left: $left;
}

@mixin positionBottomRight($pos: absolute, $bottom: 0, $right: 0) {
  position: $pos;
  bottom: $bottom;
  right: $right;
}

@mixin positionBottomLeft($pos: absolute, $bottom: 0, $left: 0) {
  position: $pos;
  bottom: $bottom;
  left: $left;
}

@mixin wHbgc($width: 0, $height: 0, $bgc: #fff) {
  width: $width;
  height: $height;
  background-color: $bgc;
}